import LightTheme from '@/common/themes/light'
import DarkTheme from '@/common/themes/dark'
import colors from '@/common/styles/color'

// 主题风格
export const themeList = [ // 可选主体列表
  { name: '浅色风格', value: 'light', data: LightTheme },
  { name: '深色风格', value: 'dark', data: DarkTheme },
]

// 主题色
export const primaryColorList = [
  { name: '薄暮', value: colors.RED },
  { name: '火山', value: colors.ORANGE },
  { name: '日暮', value: colors.YELLOW },
  { name: '明青', value: colors.LIGHT_GREEN },
  { name: '极光绿', value: colors.GREEN },
  { name: '拂晓蓝（默认）', value: colors.LIGHT_BLUE },
  { name: '极客蓝', value: colors.BLUE },
  { name: '酱紫', value: colors.PURPLE },
]

// 布局
export const layoutList = [
  { name: '侧边菜单', value: 'sidemenu' },
  { name: '顶部菜单', value: 'topmenu' },
]

// 内容宽度
export const contentWidthList = [
  { name: '固定居中', value: 'fixed' },
  { name: '自适应', value: 'fluid' },
]

export const defaultUI = {
  layout: 'sidemenu',
  contentWidth: 'fluid',
  theme: 'light',
  primaryColor: LightTheme['primary-color'],
  headerUsePrimary: true,
  fixedHeader: false, // 顶部固定
  fixSiderbar: true, // 侧边固定
  autoHideHeader: true, // 顶部固定时，下滑隐藏顶部
  hideHintAlert: false, // 隐藏警告
  weakMode: false, // 色弱模式（全局加滤镜 filter: invert(80%);）
  multiTab: false, // 多标签页模式
}
